<template>
  <div :style="{ textAlign: props.record?.align || 'left', width: '100%' }">
    <Button v-bind="props.record?.componentProps">
      <slot>{{ props.record?.label }}</slot>
    </Button>
  </div>
</template>
<script lang="ts" setup>
  import { PropType } from 'vue';
  import type { NodeItem } from '/@/views/formDesigner/core/types/epic-designer';
  import { Button } from 'ant-design-vue';
  const props = defineProps({
    record: {
      type: Object as PropType<NodeItem>,
      default: () => ({}),
    },
  });
</script>
